<template>
	<view class="topHeader flex">
		<slot name="leftSlot">
			
		</slot>
		<slot name="midSlot">
			<view class="page-title bold">{{title}}</view>
		</slot>
		<slot name="rightSlot">
			
		</slot>
	</view>
	<view class="topHeader-blank"></view>
</template>

<script setup lang="ts">
const props = defineProps({
	title:{
		type:String,
		default:"标题"
	}
})
</script>

<style lang="scss">
.topHeader{
	position: fixed;
	top:0rpx;
	left:0;
	z-index: 999;
	width: 750rpx;
	padding: 142rpx 30rpx 76rpx;
	height:270rpx;
	border-radius:0 0 60rpx 60rpx;
	line-height: 40rpx;
	background-color: $baseColor;
	.page-title{
		flex: 1;
		text-align: center;
		color: #fff;
		line-height: 52rpx;
		font-size: 36rpx;
	}
}
.topHeader-blank{
	content: "";
	display: block;
	width: 100%;
	height: 270rpx;
}
</style>